import React,{useCallback,useState} from 'react'
import './login.less'
import v2_riuy21 from './v2_riuy21.png'
import Froms from './forms'
import Captcha from 'react-captcha-code';
import Imge from './te'
type Props = {}
import { Button, Mask, Space } from 'antd-mobile'
export default function login({ }: Props) {
    const [visible, setVisible] = useState<Boolean>(false)
    let [state, setstate] = useState<Boolean>(false)
    function setv() {
        setVisible(true)
    }
    function stateall(value:any) {
        setstate(state=value)
    }
  return (
      <div className='login'>
          <div style={{zIndex:9999,display:state==false?'none':'block'}} className='Imge'>
          <Imge/>
          </div>
          <Mask visible={visible} onMaskClick={() => setVisible(false)} />
          
          <div className='tree-node'>
              <div>
                  <span>医养综合服务信息系统</span>
              </div>
          </div>
          <img src={v2_riuy21} alt="" />
          <div className='tree-nodes'>
              <div className='div-a'>
                  <div className='div-b'>
                      <div className='div-c'>
                          <p>
                              {/* logo */}
                              <span className='logo'>LOGO</span>
                          </p>
                          {/* 标题 */}
                          <p style={{ marginTop: "30px" }}>
                              {/* 黑色字体 */}
                              <span className='span0'>欢迎使用</span>
                              {/* 蓝色字体 */}
                              <span  className='spanbuck'>医养综合服务信息系统</span>
                          </p>
                          <div style={{width:'100%',height:'200px',marginTop: "30px" }}>
                              <Froms fs={ setv} stateall={stateall} state />
                              <div style={{marginLeft:'335px',color:'rgb(24, 144, 255)'}}>
                                  忘记密码
                              </div>
                              
                          </div>
                      </div>
                  </div>
              </div>
          </div>
          
    </div>
  )
}